<script language="javascript" type="text/javascript" src="http://localhost/disenoweb1/css/niceForm/niceforms.js"></script>
<link rel="stylesheet" type="text/css" media="all" href="http://localhost/disenoweb1/css/niceForm/niceforms-default.css" />
<link rel="stylesheet" type="text/css" href="http://localhost/disenoweb1/css/niceForm/style.css" />
<body>



<div class="center_content">
    <div class="right_content">



        <h2>Registro del Producto Ajeno</h2>

        <div class="form">
            <form action="producto_ajeno/create_member" method="post" class="niceform">

                <fieldset>
                    <dl>
                        <dt><label for="txt_marca">Marca:</label></dt>
                        <dd><input type="text" name="marca"  id="txt_marca" size="54"/></dd>
                    </dl>
                    <dl>
                        <dt><label for="cmb_modelo">Modelo:</label></dt>
                        <dd>
                            <select size="1" name="modelo" id="cmb_modelo">
                                <?php
                                $arr = array(1, 2, 3, 4);
                                foreach ($modelo as &$value) {
                                    ?>
                                    <option value=<?php echo $value['modelo'];?>><?php echo $value['modelo'];?></option>
                                    <?php
                                }

                                unset($value); // break the reference with the last element
                                ?>

                            </select>
                        </dd>
                    </dl>

                    <dl>
                        <dt><label for="txt_nombre">Nombre</label></dt>
                        <dd><input type="text" name="nombre" id="txt_nombre" size="54" /></dd>
                    </dl>
                    <dl>
                        <dt><label for="txt_tamano">Tamaño</label></dt>
                        <dd><input type="text" name="tamano" id="txt_tamano" size="54" /></dd>
                    </dl>

                    <dl>
                        <dt><label for="txt_nacionalidad">Nacionalidad</label></dt>
                        <dd><input type="text" name="nacionalidad" id="txt_nacionalidad" size="54" /></dd>
                    </dl>


                    <dl class="submit">
                        <input type="submit" name="guardar" id="guardar" value="Guardar" />
                        <input type="submit" name="modificar" id="modificar" value="Modificar" />

                        <input type="submit" name="eliminar" id="eliminar" value="Eliminar" />
                    </dl>
                    <dl class="submit">
                        <button type="button" onclick="buscar(); return false;">Buscar</button>
                        <input type="reset" value="Cancelar"/>
                    </dl>



                </fieldset>

            </form>
        </div>


    </div><!-- end of right content-->


</div>   <!--end of center content -->




<div class="clear"></div>


</div> <!--end of main content-->



</div>
</body>

</html>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">
</script>
<script>



    function buscar()
    {
        //alert("ssss");
        var  id=$('#cmb_modelo').val();
        var  dataString='id='+id;
        // alert(dataString);
        $.ajax({
            url:"http://localhost/disenoweb1/index.php/producto_ajeno/buscarajax",
            type: "post",
            data: dataString,
            success: function(data)
            { //alert(data);
                var producto_ajeno = $.parseJSON(data);
                $("#txt_marca"). val(producto_ajeno[0].marca);
                $("#txt_tamano"). val(producto_ajeno[0].tamano);
                $("#txt_nombre"). val(producto_ajeno[0].nombre);
                $("#txt_nacionalidad"). val(producto_ajeno[0].nacionalidad);
            },
            error: function()
            {
                alert("error rebisa buscar");
            }
        });

    }

</script>